<template>
    <div class="item-container">
     
        <image
            src="../static/banner/1.png"
            class="image"
        />
   
     <div class="content">
        <div class="left">
            <div class="head">得不到的温柔</div>
            <div class="bottom">汪苏泷</div>
        </div>
        <div class="right">
            <uni-icons
                type="right"
                color="black"
                size="24"
            />
        </div>
     </div>
    </div>
</template>
<script setup lang="ts">


</script>
<style scoped lang="scss">
.item-container{
     margin-bottom: 0.5rem;
    height: 33%;
    display: flex;
     align-items: center;
     
    .image{
        height: 100%;
        width: 15%;
        border-radius: 1rem;
    }
    .content{
        padding: 0 0.5rem;
        flex: 1;
        display: flex;
         justify-content: space-between;
         align-items: center;
         .left{
            .bottom{
                font-size: small;
                color: rgb(78, 79, 80);
            }

         }
    }
}
</style>